<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <title>Day One</title>
    <link href="main.css" rel="stylesheet" type="text/css" />
    <link href="smoothness/jquery-ui-1.9.1.custom.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js" ></script>
    <script type="text/javascript" src="jquery-ui-1.9.1.custom.js"></script>
    <script type="text/javascript" src="DayOne.js"></script>
</head>
<body>
    <div class="header">
        <h1>Day One table builder</h1>
    </div>
    <div class="left-bar">
        <button type="button" id="open-file-dialog-button">Open File</button>
        <br />
        <button type="button" id="save-button">Save File</button>
        <br/>
        <button type="button" id="delete-row-button">Delete Row</button>
        <br/>
        <button type="button" id="delete-col-button">Delete Column</button>


    </div>
    <div class="right-bar">
        <div id="tableArea">
            <table class="editable">
                <tr>
                    <td>
                        <textarea class="editable" data-tr="0" data-td="0"></textarea>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div id="open-file-dialog">
        <center>
            <input type="file" id="open-file-input" />
            <br />
            <button type="submit" id="open-file-button">Open File</button>
            <button type="button" id="cancel-file-button">Cancel</button>
        </center>
    </div>
</body>
</html>